.diagnosis-template-container {
    overflow: hidden;
}

    .diagnosis-template-container .diagnosis-template {
        display: flex;
        flex-wrap: nowrap;
        flex-direction: column;
        height: 100%;
        overflow: hidden;
    }

        .diagnosis-template-container .diagnosis-template .template-toolbar {
            border-bottom: 1px solid #ccc;
            padding-left: 5px;
        }

            .diagnosis-template-container .diagnosis-template .template-toolbar .dx-toolbar-items-container {
                height: 36px;
            }

        .diagnosis-template-container .diagnosis-template .template-tree {
            flex: 1;
            height: 0;
        }

            .diagnosis-template-container .diagnosis-template .template-tree .dx-treeview-item {
                padding: 6px;
            }

            .diagnosis-template-container .diagnosis-template .template-tree .dx-treeview-item-content {
                display: flex;
                overflow: hidden;
            }

                .diagnosis-template-container .diagnosis-template .template-tree .dx-treeview-item-content > span {
                    overflow: hidden;
                    text-overflow: ellipsis;
                    white-space: nowrap;
                }

    .diagnosis-template-container .template-preview {
        display: flex;
        flex-wrap: nowrap;
        flex-direction: column;
        height: 100%;
        overflow: hidden;
    }

        .diagnosis-template-container .template-preview .preview-toolbar {
            border-bottom: 1px solid #ccc;
            padding-left: 5px;
        }

            .diagnosis-template-container .template-preview .preview-toolbar .dx-toolbar-items-container {
                height: 36px;
            }

        .diagnosis-template-container .template-preview .preview-panel {
            flex: 1;
            padding: 15px;
            overflow: hidden;
        }

            .diagnosis-template-container .template-preview .preview-panel .title {
                color: #00000099;
                user-select: none;
                margin-bottom: 5px;
            }

            .diagnosis-template-container .template-preview .preview-panel .content {
                margin-bottom: 20px;
            }

    .diagnosis-template-container .dx-toolbar-item .dx-button-content {
        padding-left: 6px;
        padding-right: 6px;
    }

.clone-template-treeview .dx-treeview-item {
    padding: 6px;
}
